<template>
	<view class="meituan">
		<view @click="meituangenerateLink(33)" class="meituan_list">
			<view class="meituan_list-title">
				外卖
			</view>
			<view class="meituan_list_top">
				<image src="../../../static/tabsIcon/wm.png" mode="widthFix"></image>
			</view>
			<view class="meituan_list_bottom">
				<view class="meituan_list_bottom_left">
					<image src="/static/home/meituan1.png"></image>
				</view>
				<view class="meituan_list_bottom_right">
					<image class="meituan_list_bottom_right_top"
						src="/static/home/b27aabdf826ab7040fb7011cf6056c84@2x.png" mode="widthFix">
					</image>
					<image src="/static/home/meituan3.png" mode="widthFix">
					</image>
				</view>
			</view>
		</view>
		<view @click="meituangenerateLink(7)" class="meituan_list">
			<view class="meituan_list-title">
				酒店
			</view>
			<view class="meituan_list_top">
				<image src="../../../static/tabsIcon/jiudian.png" mode="widthFix"></image>
			</view>
			<view class="meituan_list_bottom">
				<view class="meituan_list_bottom_left">
					<image src="/static/home/meituan4.png"></image>
				</view>
				<view class="meituan_list_bottom_right">
					<image class="meituan_list_bottom_right_top"
						src="/static/home/4315574bd0fb113422ca73a3fb44bec0@2x.png" mode="widthFix">
					</image>
					<image src="/static/home/meituan5.png" mode="widthFix">
					</image>
				</view>
			</view>
		</view>
		<view @click="meituangenerateLink(4)" class="meituan_list">
			<view class="meituan_list-title">
				生鲜
			</view>
			<view class="meituan_list_top">
				<image src="../../../static/tabsIcon/sx.png" mode="widthFix"></image>
			</view>
			<view class="meituan_list_bottom">
				<view class="meituan_list_bottom_left">
					<image src="/static/home/meituan8.png"></image>
				</view>
				<view class="meituan_list_bottom_right">
					<image class="meituan_list_bottom_right_top" src="/static/home/meituan6.png" mode="widthFix">
					</image>
					<image src="/static/home/meituan7.png" mode="widthFix">
					</image>
				</view>
			</view>
		</view>
		<!-- <image  src="../../../static/tabsIcon/sx.png" mode="widthFix"></image>
		<image @click="meituangenerateLink(7)" src="../../../static/tabsIcon/jiudian.png" mode="widthFix"></image>
		<image @click="meituangenerateLink(33)" src="../../../static/tabsIcon/wm.png" mode="widthFix"></image> -->
	</view>
</template>

<script>
	import {
		meituangenerateLink
	} from '@/api/home'
	export default {
		data() {
			return {
				src: '',
			}
		},
		onNavigationBarButtonTap(e) {
			console.log(1111, e)
			// this.$scope.$getAppWebview().children()[0].close()
			// uni.navigateBack({
			// 	delta: 10
			// })
			// uni.navigateTo({
			// 	url:'./meituan'
			// })
			uni.switchTab({
				url: '../index'
			})
		},
		// mounted() {
		// 	var a = document.getElementsByClassName('uni-page-head-btn')[0]
		// 	a.style.display = 'none'
		// },
		methods: {
			meituangenerateLink(num) {
				let data = {
					actId: num
				}
				meituangenerateLink(data).then(res => {
					// console.log(res.data.data)
					// plus.runtime.openURL(res.data.data)
					// window.location.href = res.data.data;
					this.toview(res.data.data)
				})
			},
			toview(src) {
				let ss = encodeURIComponent(src)
				uni.navigateTo({
					url: './meituanview?src=' + ss
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.meituan {
		// width: 100%;
		padding: 20rpx;

		.meituan_list {
			margin-bottom: 30upx;

			.meituan_list-title {
				margin-bottom: 30upx;
				font-size: 40upx;
				font-weight: 700;
			}

			.meituan_list_top {
				image {
					width: 100%;
				}
			}

			.meituan_list_bottom {
				display: flex;
				justify-content: space-between;
				font-size: 0;

				.meituan_list_bottom_left {
					flex: 1;
					font-size: 0;

					image {
						width: 100%;
						height: 100%;
						font-size: 0;
					}
				}

				.meituan_list_bottom_right {
					width: 210upx;
					padding-left: 10upx;
					font-size: 0;

					image {
						width: 100%;
						font-size: 0;
						height: 100%;
					}

					.meituan_list_bottom_right_top {
						width: 100%;
						margin-bottom: 10upx;
						font-size: 0;
					}
				}
			}
		}
	}
</style>
